/*:root{--red:#ED4014;--yellow:#F37B1D;--blue:#1890FF;--green:#19BE6B;--info:#2DB7F5;}*/
:root, :root[theme-mode=light] {
    --f-brand-color-1: #ecf2fe;
    --f-brand-color-2: #d4e3fc;
    --f-brand-color-3: #bbd3fb;
    --f-brand-color-4: #96bbf8;
    --f-brand-color-5: #699ef5;
    --f-brand-color-6: #4787f0;
    --f-brand-color-7: #266fe8;
    --f-brand-color-8: #056f87;
    --f-brand-color-9: #0034b5;
    --f-brand-color-10: #001f97;
    --f-warning-color-1: #fef3e6;
    --f-warning-color-2: #f9e0c7;
    --f-warning-color-3: #f7c797;
    --f-warning-color-4: #f2995f;
    --f-warning-color-5: #ed7b2f;
    --f-warning-color-6: #d35a21;
    --f-warning-color-7: #ba431b;
    --f-warning-color-8: #9e3610;
    --f-warning-color-9: #842b0b;
    --f-warning-color-10: #5a1907;
    --f-error-color-1: #fdecee;
    --f-error-color-2: #f9d7d9;
    --f-error-color-3: #f8b9be;
    --f-error-color-4: #f78d94;
    --f-error-color-5: #f36d78;
    --f-error-color-6: #e34d59;
    --f-error-color-7: #c9353f;
    --f-error-color-8: #b11f26;
    --f-error-color-9: #951114;
    --f-error-color-10: #680506;
    --f-success-color-1: #e8f8f2;
    --f-success-color-2: #bcebdc;
    --f-success-color-3: #85dbbe;
    --f-success-color-4: #48c79c;
    --f-success-color-5: #00a870;
    --f-success-color-6: #078d5c;
    --f-success-color-7: #067945;
    --f-success-color-8: #056334;
    --f-success-color-9: #044f2a;
    --f-success-color-10: #033017;
    --f-gray-color-1: #f3f3f3;
    --f-gray-color-2: #eee;
    --f-gray-color-3: #e7e7e7;
    --f-gray-color-4: #dcdcdc;
    --f-gray-color-5: #c5c5c5;
    --f-gray-color-6: #a6a6a6;
    --f-gray-color-7: #8b8b8b;
    --f-gray-color-8: #777;
    --f-gray-color-9: #5e5e5e;
    --f-gray-color-10: #4b4b4b;
    --f-gray-color-11: #383838;
    --f-gray-color-12: #2c2c2c;
    --f-gray-color-13: #242424;
    --f-gray-color-14: #181818;
    --f-font-white-1: #fff;
    --f-font-white-2: hsla(0,0%,100%,.55);
    --f-font-white-3: hsla(0,0%,100%,.35);
    --f-font-white-4: hsla(0,0%,100%,.22);
    --f-font-gray-1: rgba(0,0,0,.9);
    --f-font-gray-2: rgba(0,0,0,.6);
    --f-font-gray-3: rgba(0,0,0,.4);
    --f-font-gray-4: rgba(0,0,0,.26);
    --f-brand-color: var(--f-brand-color-8);
    --f-warning-color: var(--f-warning-color-5);
    --f-error-color: var(--f-error-color-6);
    --f-success-color: var(--f-success-color-5);
    --f-brand-color-hover: var(--f-brand-color-7);
    --f-brand-color-focus: var(--f-brand-color-2);
    --f-brand-color-active: var(--f-brand-color-9);
    --f-brand-color-disabled: var(--f-brand-color-3);
    --f-brand-color-light: var(--f-brand-color-1);
    --f-warning-color-hover: var(--f-warning-color-4);
    --f-warning-color-focus: var(--f-warning-color-2);
    --f-warning-color-active: var(--f-warning-color-6);
    --f-warning-color-disabled: var(--f-warning-color-3);
    --f-warning-color-light: var(--f-warning-color-1);
    --f-error-color-hover: var(--f-error-color-5);
    --f-error-color-focus: var(--f-error-color-2);
    --f-error-color-active: var(--f-error-color-7);
    --f-error-color-disabled: var(--f-error-color-3);
    --f-error-color-light: var(--f-error-color-1);
    --f-success-color-hover: var(--f-success-color-4);
    --f-success-color-focus: var(--f-success-color-2);
    --f-success-color-active: var(--f-success-color-6);
    --f-success-color-disabled: var(--f-success-color-3);
    --f-success-color-light: var(--f-success-color-1);
    --f-mask-active: rgba(0,0,0,.6);
    --f-mask-disabled: hsla(0,0%,100%,.6);
    --f-bg-color-page: var(--f-gray-color-2);
    --f-bg-color-container: #fff;
    --f-bg-color-container-hover: var(--f-gray-color-1);
    --f-bg-color-container-active: var(--f-gray-color-3);
    --f-bg-color-container-select: #fff;
    --f-bg-color-secondarycontainer: var(--f-gray-color-1);
    --f-bg-color-secondarycontainer-hover: var(--f-gray-color-2);
    --f-bg-color-secondarycontainer-active: var(--f-gray-color-4);
    --f-bg-color-component: var(--f-gray-color-3);
    --f-bg-color-component-hover: var(--f-gray-color-4);
    --f-bg-color-component-active: var(--f-gray-color-6);
    --f-bg-color-component-disabled: var(--f-gray-color-2);
    --f-bg-color-specialcomponent: #fff;
    --f-text-color-primary: var(--f-font-gray-1);
    --f-text-color-secondary: var(--f-font-gray-2);
    --f-text-color-placeholder: var(--f-font-gray-3);
    --f-text-color-disabled: var(--f-font-gray-4);
    --f-text-color-anti: #fff;
    --f-text-color-brand: var(--f-brand-color-8);
    --f-text-color-link: var(--f-brand-color-8);
    --f-border-level-1-color: var(--f-gray-color-3);
    --f-component-stroke: var(--f-gray-color-3);
    --f-border-level-2-color: var(--f-gray-color-4);
    --f-component-border: var(--f-gray-color-4);
    --f-shadow-1: 0 1px 3px rgba(0,0,0,.03),0 2px 3px rgba(0,0,0,.03),0 1px 2px -1px rgba(0,0,0,.12);
    --f-shadow-2: 0 1px 10px rgba(0,0,0,.05),0 4px 5px rgba(0,0,0,.08),0 2px 4px -1px rgba(0,0,0,.12);
    --f-shadow-3: 0 3px 14px 2px rgba(0,0,0,.05),0 8px 10px 1px rgba(0,0,0,.06),0 5px 5px -3px rgba(0,0,0,.1);
    --f-shadow-4: 0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.04),0 8px 10px -5px rgba(0,0,0,.08);
    --f-shadow-inset-top: inset 0 0.5px 0 #dcdcdc;
    --f-shadow-inset-right: inset 0.5px 0 0 #dcdcdc;
    --f-shadow-inset-bottom: inset 0 -0.5px 0 #dcdcdc;
    --f-shadow-inset-left: inset -0.5px 0 0 #dcdcdc;
    --f-table-shadow-color: rgba(0,0,0,.08);
    --f-scrollbar-color: rgba(0,0,0,.1);
}

*{font-family:Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif;}
*, :after, :before {-webkit-box-sizing: border-box;box-sizing: border-box;}
html{font-family:sans-serif;}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block;}
body{margin:0;font-size:14px;line-height:1;color:#212529;text-align:left;background:rgba(238,238,238,1) !important;}
[tabindex="-1"]:focus{outline:0}
hr{box-sizing:content-box;height:0;overflow:visible;}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:5px;}
p{margin:0;}
abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}
address{margin-bottom:10px;font-style:normal;line-height:inherit;}
dl,ol,ul{margin:0;padding:0;}
ol ol,ol ul,ul ol,ul ul{margin:0;padding:0;}
dt{}
li{list-style:none;}
dd{margin-bottom:0px;margin-left:0;}
blockquote{margin:0 0 10px;}
b,strong{font-weight:bold;}
small{font-size:80%;}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
sub{bottom:-5px;}
sup{top:-10px;}
em{font-style:normal;}
a{text-decoration:none;}
a:hover{}
a:not([href]):not([tabindex]){/*color:inherit;*/text-decoration:none;}
a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{/*color:inherit;*/text-decoration:none}
a:not([href]):not([tabindex]):focus{outline:0}
pre{margin-top:0;margin-bottom:10px;overflow:auto;}
figure{margin:0 0 10px;}
img{vertical-align:middle;border-style:none;}
table{border-collapse:collapse;}
caption{padding:15px auto;color:#6c757d;text-align:left;caption-side:bottom;}
th{text-align:inherit}
label{display:inline-block;}
button{border-radius:0;background: rgba(255,255,255,0);}
button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
button,input{overflow:visible}
button,select{text-transform:none}
input,button,select,textarea{outline:none;} 
textarea{resize:none;} 
select{word-wrap:normal}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
textarea{overflow:auto;resize:vertical}
progress{vertical-align:baseline}
form{margin:0;padding:0;}
fieldset{margin:15px 0;border:1px solid #eaeaea;padding:0 20px 20px 20px;border-radius:4px;font-size:15px;line-height:30px;color:#333;}
legend{border:0;font-size:16px;width:auto;margin:10px;padding:5px;color:#f30;}
hr{display:block;padding:0;border:0;height:0;border-top:1px solid #ddd;}
svg:not(:root), symbol, image, marker, pattern, foreignObject {overflow: hidden;}

.f-link{color:var(--f-brand-color);cursor: pointer;}
.f-link-hover:hover{color:var(--f-brand-color);cursor: pointer;}
.f-jc-c{justify-content: center;}
.f-jc-sb{justify-content: space-between;}
.noborder{border:0 !important;}
.border-tst{border-color:transparent!important;}
.f-boxshadow-div{box-shadow: var(--f-shadow-div);}

a[class~="nobr"],div[class~="nobr"],button[class~="nobr"]{border-radius: 0px;overflow:hidden;}
select[class~="nobr-right"],div[class~="nobr-left"],a[class~="nobr-left"],button[class~="nobr-left"]{border-radius: 0 3px 3px 0;overflow:hidden;}
select[class~="nobr-right"],a[class~="nobr-right"],div[class~="nobr-right"],button[class~="nobr-right"]{border-radius: 3px 0 0 3px;overflow:hidden;}
.f-color-success {color: var(--f-success-color);}
.f-color-warning {color: var(--f-warning-color);}
.f-color-error {color: var(--f-error-color);}

.f-icon {color: var(--f-text-color-placeholder);font-size: inherit;fill: currentColor;display: inline-block;height: 1em;vertical-align: middle;width: 1em;}

.f-wrap-width{width:100%;}


.f-flex{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-box-flex: 1;-ms-flex: auto;flex: auto;}
.f-flex-1{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
.f-col{-webkit-box-orient: vertical;-webkit-box-direction: normal;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;}
.f-row{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;}
.f-row-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.f-row-top {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.f-b{border: 1px solid var(--f-border-level-2-color);}


.f-form-large .f-form-input,.f-form-large .f-button{height: 40px;line-height: 40px;}
.f-form-large .f-button{font-size:16px;}
/*表单项目*/
.f-form-item{margin-bottom: 24px;display: -webkit-box;display: -ms-flexbox;display: flex;}
.f-form-item-text{margin-bottom: 8px;display: -webkit-box;display: -ms-flexbox;display: flex;}
.f-form-item-text .info{line-height:32px;}
/*表单框架*/
.f-form-wrap{width:100%;}
/*表单文字*/
.f-form-label label{vertical-align: middle;white-space: nowrap;text-align:right;width:120px;color: var(--f-text-color-primary);line-height: 32px;padding-right: 12px;}
.f-form-label label[class~="colon"]:after {content: ":";margin: 0 8px 0 2px;position: relative;}
.f-form-label label[class~="required"]:before {color: var(--f-error-color);content: "*";display: inline-block;line-height: 22px;margin-right: 4px;}
/*表单input输入*/
.f-form-input{-webkit-box-align: center; -ms-flex-align: center;align-items: center;background-color: var(--f-bg-color-specialcomponent);border: 1px solid var(--f-border-level-2-color);border-radius: 3px;-webkit-box-sizing: border-box;box-sizing: border-box;color: var(--f-text-color-primary);display: -webkit-box;display: -ms-flexbox;display: flex;font-size: 14px;height: 32px;line-height: 32px;outline: none;overflow: hidden;padding: 0 8px;position: relative;-webkit-transition: all .2s cubic-bezier(.38,0,.24,1);transition: all .2s cubic-bezier(.38,0,.24,1);width: 100%;}
.f-form-input:focus-within{border-color:var(--f-brand-color);box-shadow:0 0 0 2px var(--f-brand-color-focus);z-index:2;}
.f-form-input:hover{border-color:var(--f-brand-color);}
.f-is-disabled,.f-is-disabled .f-input-inner,.f-is-disabled:hover {background-color: var(--f-bg-color-component-disabled);color: var(--f-text-color-disabled);cursor: not-allowed;border-color: var(--f-border-level-2-color);}
.f-text-is-disabled{color: var(--f-text-color-disabled);cursor: not-allowed;}

.f-is-success,.f-is-success:hover {border-color: var(--f-success-color);}
.f-is-success:focus-within{border-color:var(--f-success-color);box-shadow:0 0 0 2px var(--f-success-color-focus);z-index:2;}
.f-is-warning,.f-is-warning:hover {border-color: var(--f-warning-color);}
.f-is-warning:focus-within{border-color:var(--f-warning-color);box-shadow:0 0 0 2px var(--f-warning-color-focus);z-index:2;}
.f-is-error,.f-is-error:hover {border-color: var(--f-error-color);}
.f-is-error:focus-within{border-color:var(--f-error-color);box-shadow:0 0 0 2px var(--f-error-color-focus);z-index:2;}
/*表单input 输入框内部*/
.f-input-inner{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;border: 0px solid var(--f-border-level-2-color);height: 30px;line-height: 30px;font-size: 14px;color: var(--f-text-color-primary);}
.f-input-inner{background-color:transparent !important;}
.f-input-inner::-ms-expand{background-color:transparent;border:0;}
.f-input-inner::-webkit-input-placeholder{color:#999;}
.f-input-inner::-moz-placeholder{color:#999;}
.f-input-inner:-ms-input-placeholder{color:#999;}
.f-input-inner::-ms-input-placeholder{color:#999;}
.f-input-inner::placeholder{color:#999;}
/*表单input 输入框前后文字*/
.f-input-prefix,.f-input-suffix {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;z-index: 2;text-align: center;height: 100%;font-size: 14px;}
/*表单input输入框前后文字*/
.f-addon{position: relative;white-space: nowrap;vertical-align: middle;background-color: var(--f-bg-color-secondarycontainer-hover);border: 1px solid var(--f-border-level-2-color);height: 32px;padding: 0 12px;line-height: 32px;color: var(--f-text-color-primary);text-align:left;}
.f-addon-start{border-right: 0;border-radius: 3px 0 0 3px;}
.f-addon-end{border-left: 0;border-radius: 0 3px 3px 0;}
/*表单input提醒文字*/
.f-input-tips {font-size: 12px;height: auto;line-height: 20px;min-height: 24px;}
/*表单textarea 文本域*/
.f-form-textarea{display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
.f-form-textarea textarea{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;min-height: 78px;background-color: var(--f-bg-color-specialcomponent);border: 1px solid var(--f-border-level-2-color);border-radius: 3px;color: var(--f-text-color-primary);font-family: PingFangSC-Regular;font-size: 14px;line-height: 22px;outline: none;padding: 5px 8px;resize: vertical;-webkit-transition: all .2s cubic-bezier(.38,0,.24,1),height 0s;transition: all .2s cubic-bezier(.38,0,.24,1),height 0s;overflow: auto;}
.f-form-textarea:hover textarea{border-color:var(--f-brand-color);box-shadow:0 0 0 2px var(--f-brand-color-focus);}

/*表单 Radio 单选*/
.f-form-radio{height: 32px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;}
.f-radio{display:inline-block;cursor:pointer;margin-right:24px;vertical-align:middle;}
.f-radio input[type="radio"]{appearance:none;-webkit-appearance:none;outline:none;display:none}
.f-radio input[type="radio"] + i{vertical-align:middle;display:inline-block;margin-right:8px;border:1px solid var(--f-text-color-primary);width:16px;height:16px;border-radius:50%;position:relative;transition:all .3s ease 0s;margin-top:2px;}
.f-radio input[type="radio"] + i:after{width:8px;height:8px;display:inline-block;border-radius:50%;display:inline-block;position:absolute;left:3px;top:3px;}
.f-radio input[type="radio"]:checked + i{border-color:var(--f-brand-color);box-shadow:0 0 0 2px var(--f-brand-color-focus);}
.f-radio input[type="radio"]:checked + i:after{content:'';background:var(--f-brand-color);}
.f-radio input[type="radio"]:disabled + i{border-color:#ddd;background:#F5F5F5;cursor:not-allowed;}
.f-radio input[type="radio"]:checked:disabled + i{border:1px solid #ddd;box-shadow:none;}
.f-radio input[type="radio"]:checked:disabled + i:after{background:#C4C4C4;}
.f-radio:last-child{margin-right:0;}

/*表单 Switch 开关*/
.f-form-switch{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 32px;}
.f-switch{display:inline-block;text-align:left;height: 28px;line-height: 28px;}
.f-switch > input[type="checkbox"]{display:none;}
.f-switch > input[type="checkbox"]:disabled ~ .f-switch-checkbox{background:var(--f-gray-color-5);cursor:not-allowed}
.f-switch > input[type="checkbox"]:checked:disabled ~ .f-switch-checkbox{background:var(--f-gray-color-5);}
.f-switch > input[type="checkbox"]:checked ~ .f-switch-checkbox{background:var(--f-brand-color);}
.f-switch > input[type="checkbox"]:checked ~ .f-switch-checkbox::before{left:30px;}
.f-switch > input[type="checkbox"]:checked ~ .f-switch-checkbox.f-switch-text::before{text-indent:-20px;content:'是';color:#fff;}
.f-switch > input[type="checkbox"]:checked ~ .f-switch-checkbox.f-switch-icon::before{content:'\e830';text-indent:-18px;font-family:iconfont;color:#fff;}
.f-switch > input[type="checkbox"]:checked ~ .f-switch-checkbox.f-switch-en::before{text-indent:-20px;content:'On';color:#fff;}
.f-switch .f-switch-checkbox.f-switch-text::before{content:'否';text-indent:30px;color:#fff;}
.f-switch .f-switch-checkbox.f-switch-en::before{content:'Off';text-indent:22px;color:#fff;}
.f-switch .f-switch-checkbox.f-switch-icon::before{content:'\e831';text-indent:26px;font-family:iconfont;color:#fff;}
.f-switch .f-switch-checkbox{min-width: 56px;height: 28px;line-height: 28px;border-radius:28px;background:var(--f-gray-color-5);transition:background ease 0.5s;cursor:pointer;position:relative;display:inline-block;overflow:hidden;user-select:none;}
.f-switch .f-switch-checkbox::before{content:'';font-weight:500;width:24px;height: 24px;line-height:24px;position:absolute;border-radius:50%;top:2px;left:2px;background:#fff;olor:#fff;font-size:12px;transition:left ease 0.2s;font-style:normal;}


.f-form-checkbox{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 32px;}
.f-checkbox{display:inline-block;cursor:pointer;margin-right:24px;vertical-align:middle;}
.f-checkbox input[type="checkbox"]{appearance:none;-webkit-appearance:none;outline:none;display:none;}
.f-checkbox input[type="checkbox"] + i{margin-right:8px;font-style:normal;vertical-align:middle;display:inline-block;}
.f-checkbox input[type="checkbox"] + i:after{width:16px;height:16px;border:1px solid var(--f-border-level-2-color);border-radius:3px;display:inline-block;line-height:16px;content:'';text-align:center;overflow:hidden;margin-top:2px;}
.f-checkbox input[type="checkbox"] + i:hover:after{border:1px solid var(--f-brand-color);}
.f-checkbox input[type="checkbox"]:checked + i:after{content:'∨';font-size:12px;font-family:iconfont;font-weight:bold;background:var(--f-brand-color);color:#fff;border-color:var(--f-brand-color);}
.f-checkbox input[type="checkbox"]:disabled + i:after{background:var(--f-bg-color-component-disabled);color:#444;border-color:var(--f-border-level-2-color);}
.f-checkbox input[type="checkbox"]:checked:disabled + i:after{content:'∨';font-family:iconfont;background:#var(--f-bg-color-component-disabled);color:#444;border-color:var(--f-border-level-2-color);}
.f-checkbox input[type="checkbox"]:disabled + i{cursor:not-allowed;}
.f-checkbox:last-child{margin-right:0;}

/*表单 按钮*/
.f-form-controls{-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;min-height: 32px;}
.f-button {-webkit-box-align: center;-ms-flex-align: center;-webkit-box-pack: center;-ms-flex-pack: center;align-items: center;background-color: transparent;border: 1px solid transparent;border-radius: 3px;cursor: pointer;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;font-size: 14px;justify-content: center;outline: none;overflow: hidden;position: relative;-ms-touch-action: manipulation;touch-action: manipulation;-webkit-transition: all .2s linear;transition: all .2s linear;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;vertical-align: middle;white-space: nowrap;z-index: 0;}
.f-button-base {background-color: var(--f-bg-color-component);border-color: var(--f-bg-color-component);color: var(--f-text-color-anti);color: var(--f-text-color-primary);font-size: 14px;height: 32px;padding-left: 15px;padding-right: 15px;}
.f-button-brand {background-color: var(--f-brand-color);border-color: var(--f-brand-color);color: var(--f-text-color-anti);}
.f-button-brand:hover{background-color: var(--f-brand-color-hover);}
.f-button-default {background-color: var(--f-bg-color-component);border-color: var(--f-bg-color-component);color: var(--f-text-color-primary);}
.f-button-default:hover{background-color: var(--f-gray-color-4);}

/*菜单大项*/
.f-menu {padding: 16px 8px;position: relative;color: var(--f-font-gray-2);font-size: 14px;}
.f-menu-mod{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-flow: row wrap;flex-flow: row wrap;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding:0 12px;}
.f-menu-mod ul{display: inline-flex;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;display: -webkit-inline-box;display: -ms-inline-flexbox;position: relative;-webkit-box-align: center;-ms-flex-align: center;align-items: center;text-align:center;background-color: var(--f-bg-color-component);border-color: var(--f-bg-color-component);border-radius: 3px;height: 40px;padding: 2px;}
.f-menu-mod ul li{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
.f-menu-mod ul a{width:100%;display:block;line-height:34px;font-size:16px;border: 1px solid rgba(231,231,231,1);border-radius:4px;}
.f-menu-mod ul li.modactive a{background:rgba(255,255,255,1);border: 1px solid #dcdcdc;}
.f-menu-mod ul li.modactive:hover a{border: 1px solid #056f87;}
.f-menu-mod ul a:hover{background:rgba(220,220,220,1);color:#444;border: 1px solid rgba(220,220,220,1);}
.f-menu-list{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
.f-menu-list li{width:100%;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;border-bottom: 0;border-radius: 3px;height: 36px;line-height: 36px;margin: 4px 0;padding: 0 10px 0 16px;position: relative;text-align: left;-webkit-transition: background-color .18s cubic-bezier(.38,0,.24,1),padding .18s cubic-bezier(.38,0,.24,1);transition: background-color .18s cubic-bezier(.38,0,.24,1),padding .18s cubic-bezier(.38,0,.24,1);}
.f-menu-list li a{width:100%;padding-left:28px;}
.f-menu-list li:hover,.f-menu-list li:hover a{background-color: var(--f-gray-color-1);}
.f-menu-list .f-menu-mid{padding-left:44px;color:var(--f-text-color-disabled);cursor: default;}
.f-menu-list .f-menu-mid:hover{background-color: #fff;}
.f-menu-list .active,.f-menu-list .active:hover,.f-menu-list .active:hover a,.f-menu-list .active a{background-color: var(--f-brand-color-8);color: #fff;}
.f-menu-list li .f-icon {height: 20px;width: 20px;}












/*Table*/
.f-table-wrap{overflow-y:auto;width:100%;margin-bottom:10px;}
.f-table{width:100%;}
thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}
tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
.f-table-layout{width:100%;position: relative;
    color:#181818;font-size: 14px;}
.f-table th{color: #999;font-weight:normal;padding:12px;white-space:nowrap;white-space:nowrap;}
.f-table td{padding:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-height:40px;}

.f-table {background-color: var(--f-bg-color-container); color: var(--f-text-color-primary);width: 100%;}
.f-table tbody dd{color:#999;display:inline;}
.f-table-pagination {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: center;
    color: rgba(0,0,0,0.6);
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 14px 24px;
}

.f-table-striped tbody tr:nth-child(odd){background:rgba(0,0,0,.04);}
.f-table-hover tbody tr:hover{background:rgba(0,0,0,.04);}
.f-table-border th,.f-table-border td{border:1px solid #dcdcdc;}
.f-table-border .f-table-pagination{border:1px solid #dcdcdc;border-top: 0;}

/*分页*/
.f-pagesize{position: relative;}
.f-pagesize-txt{border: 1px solid #dcdcdc;font-size:14px;display:block;padding:0 12px;line-height:30px;min-width: 100px;color:#444;background:#fff;border-radius:2px;overflow:hidden;margin-right:12px;position: relative;}
.f-pagesize-content{display:none;border: 1px solid #dcdcdc;min-width: 100px;background:#fff;position: absolute;top:32px;left:0px;padding:8px 0;}
.f-pagesize-content li{width:100%;padding:0px 8px;}
.f-pagesize-content li a{width:100%;display:block;padding:8px 8px;}
.f-pagesize-content li a:hover{background:#f3f3f3;color:#444;}
.f-pagesize:hover .f-pagesize-txt{border: 1px solid #056f87;box-shadow: 0px 0px 4px rgba(0,82,217,0.3);}
.f-pagesize:hover .f-pagesize-content{display:block;}

.f-page-admin{user-select:none;}
.f-page-admin ul{margin:0;padding:0;list-style:none;display:flex;margin-left:1px;}
.f-page-admin ul li:first-child,.f-page-admin ul li:first-child a{border-radius:4px 0 0 4px;}
.f-page-admin ul li:last-child,.f-page-admin ul li:last-child a{border-radius:0 4px 4px 0;}
.f-page-admin ul li a{border: 1px solid #dcdcdc;font-size:14px;display:block;padding:0 12px;line-height:30px;min-width: 32px;color:#444;background:#fff;border-radius:2px;overflow:hidden;}
.f-page-admin ul li a:not([href]){color:#999;cursor:not-allowed;}
.f-page-admin ul li.active a{border-color:#056f87;color:#fff;background:#056f87;}
.f-page-admin ul li.active a:hover{border-color:#056f87;background:#056f87;}
.f-page-admin ul li:hover a{background:#f9f9f9;}
.f-page-admin-info ul li.active{border-color:#2DB7F5;background:#2DB7F5;}
.f-page-admin-info ul li.active a{background:#2DB7F5;}
.f-page-admin-info ul li.active a:hover{background:#2DB7F5;}
.f-page-admin-mid ul li{margin-right:6px;}
.f-page-admin-mid ul li{border-radius:2px;}
.f-page-admin-mid ul li:first-child,.f-page-admin-mid ul li:last-child{border-radius:2px;}
.f-page-admin-center ul{display:flex;justify-content:center;align-items:center;}
.f-page-admin-right ul{display:flex;justify-content:flex-end;}
.f-page-admin-right{display:flex;}
.f-page-admin-right .f-page-admin-other{flex:1;justify-content:flex-start;align-items:center;display:flex;}

/*标签组*/
.f-radio-group{background:rgba(231,231,231,1);padding:4px 2px;border-radius:4px;overflow:hidden;font-size:14px;}
.f-radio-group li{display:inline-block;}
.f-radio-group a{display:inline-block;padding:0 15px;line-height:30px;border: 1px solid rgba(231,231,231,1);border-radius:4px;}
.f-radio-group li.active a{background:rgba(255,255,255,1);border: 1px solid #dcdcdc;}
.f-radio-group a:hover{background:rgba(220,220,220,1);color:#444;border: 1px solid rgba(220,220,220,1);}
.f-radio-group li.active:hover a{border: 1px solid #056f87;}




/*分割线*/
.f-divider{
    border-top: 1px solid var(--f-border-level-1-color);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--f-text-color-primary);
    font-size: 14px;
    margin: 24px 0;
}
.f-divider-horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}


.f-steps-num{
	background:var(--f-brand-color-6);
    border: 1px solid #fff;
    width:28px;line-height:28px;height:28px;border-radius:28px;text-align:center;
	color: #fff;
    font-size: 16px;
	font-weight:bold;box-shadow:0 0 0 4px var(--f-brand-color-focus);z-index:2;}
.f-steps-title{
	line-height:28px;height:28px;
    color: var(--f-text-color-primary);
    font-size: 16px;
	font-weight:bold;
	padding-left:24px;}
.f-steps-info{
	min-height:100px;
    border-left: 2px solid var(--f-brand-color-focus);
    color: var(--f-text-color-primary);
    font-size: 14px;
	padding-left:32px;
	margin:12px 14px;}


.narrow-scrollbar::-webkit-scrollbar {
    width: 8px;
    background: transparent;
}
.narrow-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 6px;
    border: 2px solid transparent;
    background-clip: content-box;
    background-color: var(--f-gray-color-1);
}



/*Grid*/
.f-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.f-col,.f-col-1,.f-col-10,.f-col-11,.f-col-12,.f-col-2,.f-col-3,.f-col-4,.f-col-5,.f-col-6,.f-col-7,.f-col-8,.f-col-9,.f-col-auto,.f-col-lg,.f-col-lg-1,.f-col-lg-10,.f-col-lg-11,.f-col-lg-12,.f-col-lg-2,.f-col-lg-3,.f-col-lg-4,.f-col-lg-5,.f-col-lg-6,.f-col-lg-7,.f-col-lg-8,.f-col-lg-9,.f-col-lg-auto,.f-col-md,.f-col-md-1,.f-col-md-10,.f-col-md-11,.f-col-md-12,.f-col-md-2,.f-col-md-3,.f-col-md-4,.f-col-md-5,.f-col-md-6,.f-col-md-7,.f-col-md-8,.f-col-md-9,.f-col-md-auto,.f-col-sm,.f-col-sm-1,.f-col-sm-10,.f-col-sm-11,.f-col-sm-12,.f-col-sm-2,.f-col-sm-3,.f-col-sm-4,.f-col-sm-5,.f-col-sm-6,.f-col-sm-7,.f-col-sm-8,.f-col-sm-9,.f-col-sm-auto,.f-col-xl,.f-col-xl-1,.f-col-xl-10,.f-col-xl-11,.f-col-xl-12,.f-col-xl-2,.f-col-xl-3,.f-col-xl-4,.f-col-xl-5,.f-col-xl-6,.f-col-xl-7,.f-col-xl-8,.f-col-xl-9,.f-col-xl-auto{position:relative;width:100%;}
.f-col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.f-col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
.f-col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.f-col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.f-col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.f-col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.f-col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.f-col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.f-col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.f-col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.f-col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.f-col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.f-col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.f-col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.f-order-first{-ms-flex-order:-1;order:-1}
.f-order-last{-ms-flex-order:13;order:13}
.f-order-0{-ms-flex-order:0;order:0}
.f-order-1{-ms-flex-order:1;order:1}
.f-order-2{-ms-flex-order:2;order:2}
.f-order-3{-ms-flex-order:3;order:3}
.f-order-4{-ms-flex-order:4;order:4}
.f-order-5{-ms-flex-order:5;order:5}
.f-order-6{-ms-flex-order:6;order:6}
.f-order-7{-ms-flex-order:7;order:7}
.f-order-8{-ms-flex-order:8;order:8}
.f-order-9{-ms-flex-order:9;order:9}
.f-order-10{-ms-flex-order:10;order:10}
.f-order-11{-ms-flex-order:11;order:11}
.f-order-12{-ms-flex-order:12;order:12}
.f-offset-1{margin-left:8.333333%}
.f-offset-2{margin-left:16.666667%}
.f-offset-3{margin-left:25%}
.f-offset-4{margin-left:33.333333%}
.f-offset-5{margin-left:41.666667%}
.f-offset-6{margin-left:50%}
.f-offset-7{margin-left:58.333333%}
.f-offset-8{margin-left:66.666667%}
.f-offset-9{margin-left:75%}
.f-offset-10{margin-left:83.333333%}
.f-offset-11{margin-left:91.666667%;}
.f-flex-row{-ms-flex-direction:row;flex-direction:row}
.f-flex-column{-ms-flex-direction:column;flex-direction:column}
.f-flex-row-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.f-flex-column-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}
.f-flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}
.f-flex-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.f-flex-wrap-reverse{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}
.f-flex-fill{-ms-flex:1 1 auto;flex:1 1 auto}
.f-flex-grow-0{-ms-flex-positive:0;flex-grow:0}
.f-flex-grow-1{-ms-flex-positive:1;flex-grow:1}
.f-flex-shrink-0{-ms-flex-negative:0;flex-shrink:0}
.f-flex-shrink-1{-ms-flex-negative:1;flex-shrink:1}
.f-justify-content-start{-ms-flex-pack:start;justify-content:flex-start}
.f-justify-content-end{-ms-flex-pack:end;justify-content:flex-end}
.f-justify-content-center{-ms-flex-pack:center;justify-content:center}
.f-justify-content-between{-ms-flex-pack:justify;justify-content:space-between}
.f-justify-content-around{-ms-flex-pack:distribute;justify-content:space-around}
.f-align-items-start{-ms-flex-align:start;align-items:flex-start}
.f-align-items-end{-ms-flex-align:end;align-items:flex-end}
.f-align-items-center{-ms-flex-align:center;align-items:center}
.f-align-items-baseline{-ms-flex-align:baseline;align-items:baseline}
.f-align-items-stretch{-ms-flex-align:stretch;align-items:stretch}
.f-align-content-start{-ms-flex-line-pack:start;align-content:flex-start}
.f-align-content-end{-ms-flex-line-pack:end;align-content:flex-end}
.f-align-content-center{-ms-flex-line-pack:center;align-content:center}
.f-align-content-between{-ms-flex-line-pack:justify;align-content:space-between}
.f-align-content-around{-ms-flex-line-pack:distribute;align-content:space-around}
.f-align-content-stretch{-ms-flex-line-pack:stretch;align-content:stretch}
.f-align-self-auto{-ms-flex-item-align:auto;align-self:auto}
.f-align-self-start{-ms-flex-item-align:start;align-self:flex-start}
.f-align-self-end{-ms-flex-item-align:end;align-self:flex-end}
.f-align-self-center{-ms-flex-item-align:center;align-self:center}
.f-align-self-baseline{-ms-flex-item-align:baseline;align-self:baseline}
.f-align-self-stretch{-ms-flex-item-align:stretch;align-self:stretch}
@media (min-width:576px)
{
	.f-col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
	.f-col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
	.f-col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
	.f-col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
	.f-col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
	.f-col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
	.f-col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
	.f-col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
	.f-col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
	.f-col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
	.f-col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
	.f-col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
	.f-col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
	.f-col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
	.f-order-sm-first{-ms-flex-order:-1;order:-1}
	.f-order-sm-last{-ms-flex-order:13;order:13}
	.f-order-sm-0{-ms-flex-order:0;order:0}
	.f-order-sm-1{-ms-flex-order:1;order:1}
	.f-order-sm-2{-ms-flex-order:2;order:2}
	.f-order-sm-3{-ms-flex-order:3;order:3}
	.f-order-sm-4{-ms-flex-order:4;order:4}
	.f-order-sm-5{-ms-flex-order:5;order:5}
	.f-order-sm-6{-ms-flex-order:6;order:6}
	.f-order-sm-7{-ms-flex-order:7;order:7}
	.f-order-sm-8{-ms-flex-order:8;order:8}
	.f-order-sm-9{-ms-flex-order:9;order:9}
	.f-order-sm-10{-ms-flex-order:10;order:10}
	.f-order-sm-11{-ms-flex-order:11;order:11}
	.f-order-sm-12{-ms-flex-order:12;order:12}
	.f-offset-sm-0{margin-left:0}
	.f-offset-sm-1{margin-left:8.333333%}
	.f-offset-sm-2{margin-left:16.666667%}
	.f-offset-sm-3{margin-left:25%}
	.f-offset-sm-4{margin-left:33.333333%}
	.f-offset-sm-5{margin-left:41.666667%}
	.f-offset-sm-6{margin-left:50%}
	.f-offset-sm-7{margin-left:58.333333%}
	.f-offset-sm-8{margin-left:66.666667%}
	.f-offset-sm-9{margin-left:75%}
	.f-offset-sm-10{margin-left:83.333333%}
	.f-offset-sm-11{margin-left:91.666667%}
}

code{color:#ff8400;background:rgba(255,132,0,0.1);border:1px solid rgba(255,132,0,0.2);border-radius:3px;padding:0 4px;margin:0 4px;}

/*grid*/
.f-grid{width:100%;display:flex;flex-wrap:wrap;}
.f-grid-item{padding:20px 0;position:relative;}
.f-grid-2 .f-grid-item{flex:0 0 50%;max-width:50%;}
.f-grid-3 .f-grid-item{flex:0 0 33.333333%;max-width:33.333333%;}
.f-grid-4 .f-grid-item{flex:0 0 25%;max-width:25%;}
.f-grid-5 .f-grid-item{flex:0 0 20%;max-width:20%;}

/*btn*/
.f-btn{position:relative;display:inline-block;border:1px solid #e0e0e0;padding:0 20px;line-height:42px;overflow:hidden;border-radius:4px;color:#595959;background:#fff;user-select:none;vertical-align:middle;}
.f-btn [class*=ui-icon-]{margin:0 5px 0 -5px;}
.f-btn:hover{color:#40a9ff;border-color:#40a9ff;box-shadow:2px 2px 10px 0 rgba(24,144,255,0.2);}
.f-btn-red{background:#ED4014;border-color:#ED4014;color:#fff;}
.f-btn-red:hover{background:#F04055;border-color:#F04055;color:#fff;}
.f-btn-yellow{background:#F37B1D;border-color:#F37B1D;color:#fff;}
.f-btn-yellow:hover{background:#F3710A;border-color:#F3710A;color:#fff;}
.f-btn-blue{background:#1890FF;border-color:#1890FF;color:#fff;}
.f-btn-blue:hover{background:#40A9FF;border-color:#40A9FF;color:#fff;}
.f-btn-green{background:#19BE6B;border-color:#19BE6B;color:#fff;}
.f-btn-green:hover{background:#47CB89;border-color:#47CB89;color:#fff;}
.f-btn-info{background:#2DB7F5;border-color:#2DB7F5;color:#fff;}
.f-btn-info:hover{background:#57C5F7;border-color:#57C5F7;color:#fff;}
.f-btn-lt{font-size:12px;padding:0 4px;line-height:18px;}
.f-btn-sm{font-size:15px;padding:0 10px;line-height:36px;}
.f-btn-big{font-size:16px;padding:0 36px;line-height:54px;}
.f-btn-lg{font-size:20px;padding:0 52px;line-height:64px;}
.f-btn-outline-red{background:#fff;color:#ED4014;}
.f-btn-outline-yellow{background:#fff;color:#F37B1D;}
.f-btn-outline-blue{background:#fff;color:#1890FF;}
.f-btn-outline-green{background:#fff;color:#19BE6B;}
.f-btn-outline-info{background:#fff;color:#2DB7F5;}
.f-btn-block{display:block;width:100%;text-align:center;}
a.f-btn-red,a.f-btn-yellow,a.f-btn-blue,a.f-btn-green,a.f-btn-info{color:#fff;}
a:hover.f-btn-red,a:hover.f-btn-yellow,a:hover.f-btn-blue,a:hover.f-btn-green,a:hover.f-btn-info{color:#fff;}
.f-btn-red:hover{box-shadow:2px 2px 10px 0 rgba(237,64,20,0.2);}
.f-btn-yellow:hover{box-shadow:2px 2px 10px 0 rgba(243,123,29,0.2);}
.f-btn-green:hover{box-shadow:2px 2px 10px 0 rgba(25,190,107,0.2);}
.f-btn-info:hover{box-shadow:2px 2px 10px 0 rgba(45,183,245,0.2);}
a.f-btn-outline-red{color:#ED4014;}
a.f-btn-outline-yellow{color:#F37B1D;}
a.f-btn-outline-blue{color:#1890FF;}
a.f-btn-outline-green{color:#19BE6B;}
a.f-btn-outline-info{color:#2DB7F5;}
.f-btn:disabled{background:#fff;cursor:not-allowed;border-color:#E7E7E7;color:#999;}

/*btn-group*/
.f-btn-group{margin-left:1px;font-size:0;vertical-align:middle;}
.f-btn-group-item{vertical-align:middle;border:1px solid #e3e3e3;margin-left:-1px;display:inline-block;justify-content:center;align-items:center;cursor:pointer;padding:0 20px;line-height:44px;overflow:hidden;font-size:16px;color:#595959;background:#fff;text-align:center;}
.f-btn-group-item:first-child{border-radius:4px 0 0 4px;}
.f-btn-group-item:last-child{border-radius:0 4px 4px 0;}
.f-btn-group-item:hover{color:#333;border-color:#40a9ff;position:relative;z-index:2;}
.f-btn-group-item.active{color:#40a9ff;border-color:#40a9ff;position:relative;z-index:2;}
.f-btn-group-item:before{margin-right:5px;color:#999;font-size:18px;vertical-align:middle;}
.f-btn-group-full{display:flex;}
.f-btn-group-full .f-btn-group-item{flex:1;padding:0;line-height:50px;}
.f-btn-group-red .active,.f-btn-group-red .active:hover,.f-btn-group-red a.active,.f-btn-group-red a:hover.active{color:#ED4014;border-color:#ED4014;}
.f-btn-group-red .f-btn-group-item:hover{border-color:#ED4014;}
.f-btn-group-yellow .active,.f-btn-group-yellow .active:hover,.f-btn-group-yellow a.active,.f-btn-group-yellow a:hover.active{color:#F37B1D;border-color:#F37B1D;}
.f-btn-group-yellow .f-btn-group-item:hover{border-color:#F37B1D;}
.f-btn-group-blue .active,.f-btn-group-blue .active:hover,.f-btn-group-blue a.active,.f-btn-group-blue a:hover.active{color:#1890FF;border-color:#1890FF;}
.f-btn-group-blue .f-btn-group-item:hover{border-color:#1890FF;}
.f-btn-group-green .active,.f-btn-group-green .active:hover,.f-btn-group-green a.active,.f-btn-group-green a:hover.active{color:#47CB89;border-color:#47CB89;}
.f-btn-group-green .f-btn-group-item:hover{border-color:#47CB89;}
.f-btn-group-info .active,.f-btn-group-info .active:hover,.f-btn-group-info a.active,.f-btn-group-info a:hover.active{color:#57C5F7;border-color:#57C5F7;}
.f-btn-group-info .f-btn-group-item:hover{border-color:#57C5F7;}
.f-btn-group-red.f-btn-group-bg .active,.f-btn-group-red.f-btn-group-bg a.active{color:#fff;background:#ED4014;}
.f-btn-group-yellow.f-btn-group-bg .active,.f-btn-group-yellow.f-btn-group-bg a.active{color:#fff;background:#F37B1D;}
.f-btn-group-blue.f-btn-group-bg .active,.f-btn-group-blue.f-btn-group-bg a.active{color:#fff;background:#1890FF;}
.f-btn-group-green.f-btn-group-bg .active,.f-btn-group-green.f-btn-group-bg a.active{color:#fff;background:#47CB89;}
.f-btn-group-info.f-btn-group-bg .active,.f-btn-group-info.f-btn-group-bg a.active{color:#fff;background:#57C5F7;}
.f-btn-group-sm .f-btn-group-item{font-size:12px;padding:8px 15px;line-height:22px;}
.f-btn-group-big .f-btn-group-item{font-size:16px;padding:0 36px;line-height:54px;}
.f-btn-group-lg .f-btn-group-item{font-size:20px;padding:0 52px;line-height:64px;}

/*常用*/
.f-w-100{width:100% !important}
.f-w-auto{width:auto !important}
.f-h-25{height:25% !important}
.f-h-50{height:50% !important}
.f-h-75{height:75% !important}
.f-h-100{height:100% !important}
.f-h-auto{height:auto !important}
.f-mw-100{max-width:100% !important}
.f-mh-100{max-height:100% !important}
.f-min-vw-100{min-width:100vw !important}
.f-min-vh-100{min-height:100vh !important}
.f-min-100{min-height:100px !important}
.f-min-200{min-height:200px !important}
.f-min-300{min-height:300px !important}
.f-min-400{min-height:400px !important}
.f-vw-100{width:100vw !important}
.f-vh-100{height:100vh !important}
.f-p{padding:10px !important}
.f-p-0{padding:0 !important}
.f-p-sm{padding:5px !important}
.f-p-10{padding:10px !important}
.f-p-15{padding:15px !important}
.f-p-20{padding:20px !important}
.f-p-30{padding:30px !important}
.f-p-40{padding:40px !important}
.f-p-50{padding:50px !important}
.f-p-60{padding:60px !important}
.f-p-70{padding:70px !important}
.f-p-80{padding:80px !important}
.f-p-90{padding:90px !important}
.f-p-100{padding:100px !important}
.f-pt{padding-top:10px !important}
.f-pt-0{padding-top:0 !important}
.f-pt-sm{padding-top:5px !important}
.f-pt-10{padding-top:10px !important}
.f-pt-15{padding-top:15px !important}
.f-pt-20{padding-top:20px !important}
.f-pt-30{padding-top:30px !important}
.f-pt-40{padding-top:40px !important}
.f-pt-50{padding-top:50px !important}
.f-pt-60{padding-top:60px !important}
.f-pt-70{padding-top:70px !important}
.f-pt-80{padding-top:80px !important}
.f-pt-90{padding-top:90px !important}
.f-pt-100{padding-top:100px !important}
.f-pb{padding-bottom:10px !important}
.f-pb-0{padding-bottom:0 !important}
.f-pb-sm{padding-bottom:5px !important}
.f-pb-10{padding-bottom:10px !important}
.f-pb-15{padding-bottom:15px !important}
.f-pb-20{padding-bottom:20px !important}
.f-pb-30{padding-bottom:30px !important}
.f-pb-40{padding-bottom:40px !important}
.f-pb-50{padding-bottom:50px !important}
.f-pb-60{padding-bottom:60px !important}
.f-pb-70{padding-bottom:70px !important}
.f-pb-80{padding-bottom:80px !important}
.f-pb-90{padding-bottom:90px !important}
.f-pb-100{padding-bottom:100px !important}
.f-pl{padding-left:10px !important}
.f-pl-0{padding-left:0 !important}
.f-pl-sm{padding-left:5px !important}
.f-pl-10{padding-left:10px !important}
.f-pl-15{padding-left:15px !important}
.f-pl-20{padding-left:20px !important}
.f-pl-30{padding-left:30px !important}
.f-pl-40{padding-left:40px !important}
.f-pl-50{padding-left:50px !important}
.f-pl-60{padding-left:60px !important}
.f-pl-70{padding-left:70px !important}
.f-pl-80{padding-left:80px !important}
.f-pl-90{padding-left:90px !important}
.f-pl-100{padding-left:100px !important}
.f-pr{padding-right:10px !important}
.f-pr-0{padding-right:0 !important}
.f-pr-sm{padding-right:5px !important}
.f-pr-10{padding-right:10px !important}
.f-pr-15{padding-right:15px !important}
.f-pr-20{padding-right:20px !important}
.f-pr-30{padding-right:30px !important}
.f-pr-40{padding-right:40px !important}
.f-pr-50{padding-right:50px !important}
.f-pr-60{padding-right:60px !important}
.f-pr-70{padding-right:70px !important}
.f-pr-80{padding-right:80px !important}
.f-pr-90{padding-right:90px !important}
.f-pr-100{padding-right:100px !important}
.f-m{margin:10px !important}
.f-m-0{margin:0 !important}
.f-m-sm{margin:5px !important}
.f-m-10{margin:10px !important}
.f-m-15{margin:15px !important}
.f-m-20{margin:20px !important}
.f-m-30{margin:30px !important}
.f-m-40{margin:40px !important}
.f-m-50{margin:50px !important}
.f-m-60{margin:60px !important}
.f-m-70{margin:70px !important}
.f-m-80{margin:80px !important}
.f-m-90{margin:90px !important}
.f-m-100{margin:100px !important}
.f-mt{margin-top:10px !important}
.f-mt-0{margin-top:0 !important}
.f-mt-sm{margin-top:5px !important}
.f-mt-10{margin-top:10px !important}
.f-mt-15{margin-top:15px !important}
.f-mt-20{margin-top:20px !important}
.f-mt-30{margin-top:30px !important}
.f-mt-40{margin-top:40px !important}
.f-mt-50{margin-top:50px !important}
.f-mt-60{margin-top:60px !important}
.f-mt-70{margin-top:70px !important}
.f-mt-80{margin-top:80px !important}
.f-mt-90{margin-top:90px !important}
.f-mt-100{margin-top:100px !important}
.f-mb{margin-bottom:10px !important}
.f-mb-0{margin-bottom:0 !important}
.f-mb-sm{margin-bottom:5px !important}
.f-mb-10{margin-bottom:10px !important}
.f-mb-15{margin-bottom:15px !important}
.f-mb-20{margin-bottom:20px !important}
.f-mb-30{margin-bottom:30px !important}
.f-mb-40{margin-bottom:40px !important}
.f-mb-50{margin-bottom:50px !important}
.f-mb-60{margin-bottom:60px !important}
.f-mb-70{margin-bottom:70px !important}
.f-mb-80{margin-bottom:80px !important}
.f-mb-90{margin-bottom:90px !important}
.f-mb-100{margin-bottom:100px !important}
.f-ml{margin-left:10px !important}
.f-ml-0{margin-left:0 !important}
.f-ml-sm{margin-left:5px !important}
.f-ml-10{margin-left:10px !important}
.f-ml-15{margin-left:15px !important}
.f-ml-20{margin-left:20px !important}
.f-ml-30{margin-left:30px !important}
.f-ml-40{margin-left:40px !important}
.f-ml-50{margin-left:50px !important}
.f-ml-60{margin-left:60px !important}
.f-ml-70{margin-left:70px !important}
.f-ml-80{margin-left:80px !important}
.f-ml-90{margin-left:90px !important}
.f-ml-100{margin-left:100px !important}
.f-mr{margin-right:10px !important}
.f-mr-0{margin-right:0 !important}
.f-mr-sm{margin-right:5px !important}
.f-mr-10{margin-right:10px !important}
.f-mr-15{margin-right:15px !important}
.f-mr-20{margin-right:20px !important}
.f-mr-30{margin-right:30px !important}
.f-mr-40{margin-right:40px !important}
.f-mr-50{margin-right:50px !important}
.f-mr-60{margin-right:60px !important}
.f-mr-70{margin-right:70px !important}
.f-mr-80{margin-right:80px !important}
.f-mr-90{margin-right:90px !important}
.f-mr-100{margin-right:100px !important}
.f-fl{float:left !important}
.f-fr{float:right !important}
.f-clear{clear:both !important}
.f-show{display:block !important}
.f-hide{display:none !important}
.dz-message{display:none;height:0;}
.dz-preview{display:none;}
@media print{.f-print-hide{display:none !important}}
.f-bd{border:1px solid #eaeaea;}
.f-bg-white{background:#fff;}
.f-bg-gray{background:#f6f6f6;}
/*字体颜色*/
.f-text-red{color:#ED4014 !important;}
.f-text-yellow{color:#F37B1D !important;}
.f-text-blue{color:#1890FF !important;}
.f-text-green{color:#19BE6B !important;}
.f-text-info{color:#2DB7F5 !important;}
.f-text-white{color:#fff !important;}
.f-text-black{color:#000; !important}
.f-text-gray{color:#999 !important;}
/*字体样式*/
.f-text-left{text-align:left !important}
.f-text-center{text-align:center !important}
.f-text-right{text-align:right !important}
.f-text-del{text-decoration:line-through !important}
.f-text-bold{font-weight:bold !important}
/*字体大小*/
.f-font-10{font-size:10px !important}
.f-font-12{font-size:12px !important}
.f-font-13{font-size:13px !important}
.f-font-14{font-size:14px !important}
.f-font-15{font-size:15px !important}
.f-font-16{font-size:16px !important}
.f-font-17{font-size:17px !important}
.f-font-18{font-size:18px !important}
.f-font-20{font-size:20px !important}
.f-font-22{font-size:22px !important}
.f-font-24{font-size:24px !important}
.f-font-26{font-size:26px !important}
.f-font-28{font-size:28px !important}
.f-font-30{font-size:30px !important}
.f-font-32{font-size:32px !important}
.f-font-36{font-size:36px !important}
.f-font-38{font-size:38px !important}
.f-font-40{font-size:40px !important}
.f-font-50{font-size:50px !important}
.f-font-60{font-size:60px !important}
/*间距*/
.f-height-auto{line-height:normal !important}
.f-height-18{line-height:18px !important}
.f-height-20{line-height:20px !important}
.f-height-22{line-height:22px !important}
.f-height-24{line-height:24px !important}
.f-height-26{line-height:26px !important}
.f-height-28{line-height:28px !important}
.f-height-30{line-height:30px !important}
.f-height-40{line-height:40px !important}
.f-height-50{line-height:50px !important}
.f-height-60{line-height:60px !important}
/*超出省略*/
.f-text-hide{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
/*以下仅在Chrome内核浏览器中生效，其他浏览器：需要配置行高和高度使用*/
.f-text-hide-2,.f-text-hide-3,.f-text-hide-4,.f-text-hide-5,.f-text-hide-6{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.f-text-hide-2{-webkit-line-clamp:2;}
.f-text-hide-3{-webkit-line-clamp:3;}
.f-text-hide-4{-webkit-line-clamp:4;}
.f-text-hide-5{-webkit-line-clamp:5;}
.f-text-hide-6{-webkit-line-clamp:6;}
.f-radius{border-radius:50%;}
.f-radius img,.f-radius svg{border-radius:50%;}
.f-radius-sm{border-radius:4px;}
.f-disabled,button:disabled{cursor:not-allowed;}
.f-inline-block{display:inline-block;}
/*Animal*/
.f-scrollspy{opacity:0;}
.f-rotate{-webkit-animation:2s infinite linear;-moz-animation:2s infinite linear;-ms-animation:2s infinite linear;animation:2s infinite linear;}
.f-rotate:hover{-webkit-animation-name:ui-a-rotate;-moz-animation-name:ui-a-rotate;-ms-animation-name:ui-a-rotate;animation-name:ui-a-rotate}
@-webkit-keyframes ui-a-rotate{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}
@-moz-keyframes ui-a-rotate{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}
@-ms-keyframes ui-a-rotate{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}
@keyframes ui-a-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
@keyframes ui-dialogIn{0%{transform:scale(0.7);}45%{transform:scale(1.05);}80%{transform:scale(0.95);}100%{transform:scale(1);}}
@keyframes ui-dialogOut{0%{transform:scale(1);}45%{transform:scale(0.95);}80%{transform:scale(0.55);}100%{transform:scale(0);}}
@keyframes ui-toast-In{0%{transform: translateY(-0.625em) rotateZ(2deg);}33%{transform: translateY(0) rotateZ(-2deg);}66%{transform: translateY(0.3125em) rotateZ(2deg);}100%{transform: translateY(0) rotateZ(0deg);}}
@keyframes ui-toast-Out{0% {transform: translateY(0) rotateZ(0deg);}33%{transform: translateY(0.3125em) rotateZ(2deg);}66%{transform: translateY(0) rotateZ(-2deg);}100%{transform: translateY(-0.625em) rotateZ(2deg);}}
@-webkit-keyframes ui-fade{0%{opacity: 0;}100%{opacity: 1;}}
@keyframes ui-fade{0%{opacity: 0;}100%{opacity: 1;}}
@-webkit-keyframes ui-fade-out{0%{opacity: 1;}100%{opacity: 0;}}
@keyframes ui-fade-out{0%{opacity: 1;}100%{opacity: 0;}}
@-webkit-keyframes ui-scale-up{0%{opacity:0;-webkit-transform:scale(0.2);transform:scale(0.2);}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}}
@keyframes ui-scale-up{0%{opacity:0;-webkit-transform:scale(0.2);transform:scale(0.2);}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}}
@-webkit-keyframes ui-scale-down{0%{opacity:0;-webkit-transform: scale(1.8);transform: scale(1.8);}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}}
@keyframes ui-scale-down{0%{opacity:0;-webkit-transform: scale(1.8);transform: scale(1.8);}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}}
@-webkit-keyframes ui-slide-top{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}
@keyframes ui-slide-top{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}
@-webkit-keyframes ui-slide-bottom{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}
@keyframes ui-slide-bottom{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}
@-webkit-keyframes ui-slide-left{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes ui-slide-left{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@-webkit-keyframes ui-slide-right{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes ui-slide-right{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@-webkit-keyframes ui-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%{-webkit-transform:translateX(-9px);transform:translateX(-9px)}20%{-webkit-transform:translateX(8px);transform:translateX(8px)}30%{-webkit-transform:translateX(-7px);transform:translateX(-7px)}40%{-webkit-transform:translateX(6px);transform:translateX(6px)}50%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}60%{-webkit-transform:translateX(4px);transform:translateX(4px)}70%{-webkit-transform:translateX(-3px);transform:translateX(-3px)}80%{-webkit-transform:translateX(2px);transform:translateX(2px)}90%{-webkit-transform:translateX(-1px);transform:translateX(-1px)}}
@keyframes ui-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%{-webkit-transform:translateX(-9px);transform:translateX(-9px)}20%{-webkit-transform:translateX(8px);transform:translateX(8px)}30%{-webkit-transform:translateX(-7px);transform:translateX(-7px)}40%{-webkit-transform:translateX(6px);transform:translateX(6px)}50%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}60%{-webkit-transform:translateX(4px);transform:translateX(4px)}70%{-webkit-transform:translateX(-3px);transform:translateX(-3px)}80%{-webkit-transform:translateX(2px);transform:translateX(2px)}90%{-webkit-transform:translateX(-1px);transform:translateX(-1px)}}
@-webkit-keyframes ui-slide-top-fixed{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes ui-slide-top-fixed{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@-webkit-keyframes ui-slide-bottom-fixed{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes ui-slide-bottom-fixed{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@-webkit-keyframes ui-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
@keyframes ui-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
@-webkit-keyframes ui-right-spring{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-20%);transform:translateX(-20%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes ui-right-spring{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-20%);transform:translateX(-20%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
@-webkit-keyframes ui-left-spring{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(20%);transform:translateX(20%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes ui-left-spring{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(20%);transform:translateX(20%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
[class*="ui-am-"]{-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.f-am-fade{-webkit-animation-name:ui-fade;animation-name:ui-fade;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-timing-function:linear;animation-timing-function:linear;}
.f-am-fade-out{-webkit-animation-name:ui-fade-out;animation-name:ui-fade-out;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-timing-function:linear;animation-timing-function:linear;}
.f-am-scale-up{-webkit-animation-name:ui-scale-up;animation-name:ui-scale-up;}
.f-am-scale-down{-webkit-animation-name:ui-scale-down;animation-name:ui-scale-down;}
.f-am-slide-top{-webkit-animation-name:ui-slide-top;animation-name:ui-slide-top;}
.f-am-slide-bottom{-webkit-animation-name:ui-slide-bottom;animation-name:ui-slide-bottom;}
.f-am-slide-left{-webkit-animation-name:ui-slide-left;animation-name:ui-slide-left;}
.f-am-slide-right{-webkit-animation-name:ui-slide-right;animation-name:ui-slide-right;}
.f-am-slide-top-fixed{-webkit-animation-name:ui-slide-top-fixed;animation-name:ui-slide-top-fixed;}
.f-am-shake{-webkit-animation-name:ui-shake;animation-name:ui-shake;}
.f-am-spin{-webkit-animation:ui-spin 2s infinite linear;animation:ui-spin 2s infinite linear;}
.f-am-left-spring{-webkit-animation:ui-left-spring 0.3s ease-in-out;animation:ui-left-spring 0.3s ease-in-out;}
.f-am-right-spring{-webkit-animation:ui-right-spring 0.3s ease-in-out;animation:ui-right-spring 0.3s ease-in-out;}
.f-am-delay-1{-webkit-animation-delay:1s;animation-delay:1s;}
.f-am-delay-1-5{-webkit-animation-delay:1.5s;animation-delay:1.5s;}
.f-am-delay-2{-webkit-animation-delay:2s;animation-delay:2s;}
.f-am-delay-2-5{-webkit-animation-delay:2.5s;animation-delay:2.5s;}
.f-am-delay-3{-webkit-animation-delay:3s;animation-delay:3s;}
.f-am-delay-3-5{-webkit-animation-delay:3.5s;animation-delay:3.5s;}
.f-am-delay-4{-webkit-animation-delay:4s;animation-delay:4s;}
.f-am-delay-4-5{-webkit-animation-delay:4.5s;animation-delay:4.5s;}
.f-am-delay-5{-webkit-animation-delay:5s;animation-delay:5s;}
.f-am-delay-5-5{-webkit-animation-delay:5.5s;animation-delay:5.5s;}
.f-am-delay-6{-webkit-animation-delay:6s;animation-delay:6s;}
.f-am-delay-6-5{-webkit-animation-delay:6.5s;animation-delay:6.5s;}